<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="wrap">
        <div class="wrap-left">
            <ul>
                <li>注册账户</li>
                <li>注销账户</li>
                <li>找回密码</li>
            </ul>
        </div>
        <div class="wrap-right">
            <header>
                <button class="nav">导航栏</button>
                <div class="text">
                    <p>欢迎来到富豪排行榜</p>
                    <p>weclome to the rich rank</p>
                    <button class="btn-head">登录</button>
                </div>
           </header>
           <footer>
               <div class="foot-left">
                    <button class="one">添加账户</button>
                    <button class="two">资金翻倍</button>
                    <button class="three">查询百万富翁</button>
                    <button class="foure">财富榜</button>
                    <button class="five">计算总额</button>
               </div>
               <div class="foot-right">
                    <div class="text-top">
                        <div >Person</div>
                        <div >Wealth</div>
                    </div>
                   <ul>
                        <!-- <li>
                            <div class="name"></div>
                            <div class="money"></div>
                        </li> -->
                   </ul>
                   <div class="moneyNum"></div>
               </div>
           </footer>
        </div>
    </div>
    <script src="./index.js"></script>
</body>
</html>